<template>
	<Layout icon="home">
		<template #title>支付成功</template>
		<view class="inline-flex fill aic column pay-success">
			<image src="/static/image/other/pay.success.png"></image>
			<text>支付成功</text>
			<view class="pay-success__msg">{{msg}}</view>
		</view>
	</Layout>
</template>

<script setup lang="ts">
	import Layout from '@/components/layout/layout.vue';
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app';
	const msg = ref('等待客服人员联系');
	onLoad((option) => {
		option = option as { msg : string };
		msg.value = option.msg ?? '等待客服人员联系';
	});
</script>

<style lang="scss">
	.pay-success {
		padding-top: 170rpx;

		image {
			width: 120rpx;
			height: 119rpx;
		}

		text {
			margin-top: 60rpx;
			color: #000000;
			text-align: center;
			font-family: "PingFang SC";
			font-size: 36rpx;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}

		&__msg {
			margin-top: 34rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #929292;
			line-height: 33rpx;
		}

	}
</style>